.c-dialog-font
  font-size 14px

.js_dialog
  opacity 1
  display none
  .c-mask
    position fixed
    z-index 1000
    top 0
    right 0
    left 0
    bottom 0
    background rgba(0, 0, 0, 0.6)
  .c-dialog
    position fixed
    z-index 5000
    // width 80%
    // width 300px
    top 50%
    left 50%
    -webkit-transform translate(-50%, -50%)
    transform translate(-50%, -50%)
    background-color #FFFFFF
    text-align center
    border-radius 3px
    overflow hidden
    .c-dialog-hd
      background #f0f0f0
      padding 0.6em 1.6em 0.6em
      .c-dialog-title
        font-weight 400
        font-size 18px
    .c-dialog-close
      background url('./image/dialog_close.png') no-repeat
      width 20px
      height 20px
      cursor pointer
      position absolute
      top 5px
      right 5px
      display inline-block
      
    .c-dialog-bd
      padding 0.8em 1.6em 0.8em
      min-height 40px
      font-size 15px
      line-height 1.3
      word-wrap break-word
      word-break break-all
      color #999
    .c-dialog-ft
      position relative
      line-height 48px
      font-size 18px
      display -webkit-box
      display -webkit-flex
      display flex
      border-top 1px solid #D5D5D6
      .pure-button
        width 50%
        height 100%
        background none
        font-size 90%
        &:hover
          background none
      .c-cancel-btn
        border-right 1px solid #D5D5D6
      .pure-button-primary
        backgroung none
        color rgba(0,0,0,.8)
      .c-know-btn
        width 100%
.c-dialog-show
  opacity 1
  display block

.c-dialog-hide
  opacity 0
  display none

@media screen and (min-width: 1024px)
  .js_dialog
    .c-dialog
      width 35%